<template>
    <ul>
        <li :key='hot_tag.tag_id' v-for='hot_tag in hot_tag_list'>
            <!-- <router-link :to="'/user/'+talent.member_id"> -->
                <div class="img-container bg-container">
                <img 
                :src="hot_tag.tag_img" alt=""  
                onerror="javascript:;this.src='https://www.manydoctor.com/static/img/profile.jpg'">
                </div>
            <!-- </router-link> -->
            <div class="doctor-info">
                <span>{{ hot_tag.tag_name }}</span>
            </div>
        </li>
    </ul>
</template>
<script>
    export default{
        props:['hot_tag_list'],
    }
</script>
<style lang="less" scoped>
    ul{
        position: relative;
        z-index: 3;
        li{
            overflow: hidden;
            width: 246px;
            margin-bottom: 15px;
            cursor: pointer;
            .img-container{
                width: 60px;
                height: 60px;
                float: left;
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
            .doctor-info{
                float: right;
                text-align: left;
                width: 170px;
                span{
                    display: inline-block;
                    margin-top: 15px;
                }
            }
        }
    }
</style>
